<template>
    <div class="technician">
        <div>
            <img src="@/assets/multiple/ruzhu1.jpg" alt="">
            <div class="bj">
            <img src="@/assets/multiple/ruzhu2.jpg" alt="">
            <div class="phone">
                <img class="rwm" src="@/assets/multiple/QRCode.png" alt="">
                <div>
                    <img src="@/assets/multiple/iphone.jpg" alt="">
                    <img src="@/assets/multiple/ands.jpg" alt="">
                </div>
            </div>
            <p>专为各行各业上门服务人员量身打造</p>
            </div>
            <img src="@/assets/multiple/ruzhu3.jpg" alt="">
            <img src="@/assets/multiple/ruzhu5.jpg" alt="">
            <img src="@/assets/multiple/ruzhu6.jpg" alt="">
            <img src="@/assets/multiple/ruzhu7.jpg" alt="">
            <img src="@/assets/multiple/ruzhu8.jpg" alt="">
            <img src="@/assets/multiple/ruzhu9.jpg" alt="">
        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.technician{
    width: 1200px;
    margin: 0 auto;
    img{
        display: block;
    }
    .bj{
        position: relative;
        .phone{
            position: absolute;
            top: 10px;
            right: 100px;
            display: flex;
            .rwm{
                width: 145px;

            }
            >div{
                padding:0 25px;
                >img{
                   padding: 10px 0;
                   cursor: pointer;
                }
            }
        }
            >p{
                position: absolute;
                top: 170px;
                right: 140px;
                color: #4284fc;
                font-size: 20px;
                font-family: '仿宋';
                font-weight: bold;
                cursor: pointer;
            } 
    }
}   
</style>